<%-- 
    Document   : atenderSolicitud
    Created on : 02-dic-2010, 18:09:21
    Author     : Administrador
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Recibir y Atender Solicitudes");%>
<%@ include file='../Templates/security.jsp' %>

<% String idSolicitud = (String) request.getParameter("idSolicitud");%>

<h1 class="title">Gestión de Solicitudes</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Atender Solicitud</h2>
        <html:form action="/modificarSolicitud" styleId="modificarSolicitudForm" onsubmit="return modificarSolicitud();">
            <html:hidden property="id_solicitud" styleId="idSolicitud"></html:hidden>
            <table>
                <html:hidden property="fecha_solicitud" styleId="fecha_solicitud"/>
                <tr>
                    <td>
                        <html:errors property = "sol_fallido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Nombre y Apellido del Solicitante:</td>
                    <td><html:text property="nombre" size="40" maxlength="70" styleId="nombre" readonly="true"/>
                        <html:errors property = "nombre_sol_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Teléfono:</td>
                    <td><html:text property="telefono" size="40" maxlength="16" styleId="telefono" readonly="true"/>
                        <html:errors property = "telefono_sol_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Correo Electrónico:</td>
                    <td><html:text property="correo" size="40" maxlength="60" styleId="correo" readonly="true"/>
                        <html:errors property = "correo_sol_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Categoría:</td>
                    <td><html:select styleId="categoria" property="categoria">
                            <html:option value="Estudio de Enfermedad Ocupacional">Estudio de Enfermedad Ocupacional</html:option>
                            <html:option value="Evaluacion de Riesgo Ambiental">Evaluación de Riesgo Ambiental</html:option>
                            <html:option value="Inspeccion de Riesgo">Inspección de Riesgo</html:option>
                            <html:option value="Levantamiento de Riesgos de Puesto de Trabajo">Levantamiento de Riesgos de Puesto de Trabajo</html:option>
                            <html:option value="Evaluacion de Incidente">Evaluación de Incidente</html:option>
                            <html:option value="Señalizacion">Señalización</html:option>
                            <html:option value="Sistema contra Incendio">Sistema contra Incendio</html:option>
                        </html:select>
                        <html:errors property = "categoria_sol_requerido"/>
                    </td>
                </tr>
                <tr id="rowFecha" class="oculta">
                    <td><font color="red">*&nbsp;</font> Fecha de Ocurrencia del incidente:</td>
                    <td><html:text property="fecha_ocurrencia" size="40" styleId="fecha_ocurrencia"/>
                        <html:errors property = "fecha_ocurrencia_sol_requerido"/>
                        <html:errors property = "fecha_ocurrencia_sol_invalido"/>
                        <html:errors property = "fecha_ocurrencia_antes_creacion"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Prioridad:</td>
                    <td><html:select property="prioridad" styleId="prioridad">
                            <html:option value="4">Inmediata</html:option>
                            <html:option value="3">Alta</html:option>
                            <html:option value="2">Media</html:option>
                            <html:option value="1">Baja</html:option>
                        </html:select>
                        <html:errors property = "prioridad_sol_requerido"/>
                    </td>
                </tr>
                <tr><td><font color="red">*&nbsp;</font> Estado:</td>
                    <td><html:select styleId="status" property="status">
                            <html:option value="Pendiente">Pendiente</html:option>
                            <html:option value="En Proceso">En Proceso</html:option>
                            <html:option value="Atendido">Atendido</html:option>
                        </html:select>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Descripción:</td>
                    <td><html:textarea property="descripcion" cols="30" styleId="descripcion" rows="4" readonly="true"/>
                        <html:errors property = "descripcion_sol_requerido"/>
                    </td>
                </tr>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <html:submit value="Guardar"/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
            <html:button property="" styleId="backSolicitud" value="Atrás"/>
        </html:form>

    </center>
</div>
<script type="text/javascript">
    var id_solicitud ="";
    $(function(){
        consultarSolicitudes(<%out.print(idSolicitud);%>);
        $(function() {
            $("#fecha_ocurrencia").datepicker({
                dateFormat: 'dd/mm/yy',
                maxDate: new Date(),
                showOn: "button",
                buttonImage: "style/images/calendar.gif",
                buttonText: "calendario"
            }).attr('readonly', true);
        });
    });

    $("#backSolicitud").click(solicitudAt);
    
    $("#categoria").change(function(){
        if($(this).val()=="Evaluacion de Incidente")
            $("#rowFecha").show();
        else {
            $("#rowFecha").hide();
            $("#fecha_ocurrencia").val("");
        }
    });

    function consultarSolicitudes(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarSolicitud.do",
            data: {},
            dataType: 'json',
            success: proceessConsultarSolicitudes
        });
    }

    function proceessConsultarSolicitudes(data) {
        if(data.solicitudes && (item = data.solicitudes[0])){
            $('#resetForm').click();

            $('#idSolicitud').val(item.id_solicitud);
            $('#nombre').val(item.nombre);
            $('#telefono').val(item.telefono);
            $('#correo').val(item.correo);
            $("#fecha_solicitud").val(item.fecha_solicitud);
            $("#status").val(item.status);
            $("#prioridad").val(item.prioridad);
            $("#descripcion").val(item.descripcion);

            $("#categoria").val(item.categoria);
            if(item.categoria=="Evaluacion de Incidente"){
                $("#rowFecha").show();
                $("#fecha_ocurrencia").val(item.fecha_ocurrencia);  
            } else {
                $("#fecha_ocurrencia").val("");
                $("#rowFecha").hide();
            }
            return false;
        }
    }
</script>